<template>
    <section>
        <el-col :span="24">
            <el-table :header-cell-style="{ background: '#F3F4F7', color: '#555' }" :data="washData" :max-height="height" border stripe size="mini">
                <el-table-column label="款号" prop="type_no" width="100"></el-table-column>
                <el-table-column label="SKU" prop="sku_code" width="150"></el-table-column>
                <el-table-column label="面料" prop="fabric" width="400">
                    <template slot-scope="{ row }">
                        <div v-if="row.lining_one">{{ row.lining_one }}</div>
                        <div v-if="row.lining_two">{{ row.lining_two }}</div>
                        <div v-if="row.lining_three">{{ row.lining_three }}</div>
                        <div v-if="row.lining_four">{{ row.lining_four }}</div>
                        <div v-if="row.lining_five">{{ row.lining_five }}</div>
                    </template>
                </el-table-column>
                <el-table-column label="版面" prop="ban" align="center" width="100"></el-table-column>
                <el-table-column label="" align="center"></el-table-column>
            </el-table>
        </el-col>
    </section>
</template>

<script>

export default {
    name: "designWash",
    props: {
        washData:{
            type: Array,
            default: []
        },
        height: {
            type: Number,
            default: 0
        },
        isEdit:{
            type: Number,
            default: 0
        }
    },
    data() {
        return {
            selectIndex: 0,
            btnLoading: false,
            loading: false,
            user: {},
            nodeActions: [],
        }
    },
    created() {
        this.user = this.$store.getters.user;
        this.nodeActions = this.user.node_actions[this.$route.meta.id] ? this.user.node_actions[this.$route.meta.id] : [];
    },
    watch:{

    },
    methods: {

    },
    mounted() {

    }
}
</script>

<style scoped>

</style>
